<div id="menuBarHolder">
    <div id="menuBar" class="fixed">
        <div id="pageHeader">
            <h1 id="logo"></h1>
            <div id="headerNavigation">
                <div class="left-float">
                    <ul id="pageNavigation" role="navigation">
                        <li class="navigation-element first-element">
                            <a accesskey="A" title="accueil" href="{{ path('homePage') }}">
                                Home
                            </a>
                        </li>
                        <li class="navigation-element middle-element">
                            <a accesskey="w" title="wink" href="{{ path('winkPage') }}">
                                My wink
                            </a>
                        </li>
                        <li class="navigation-element middle-element">
                            <a accesskey="w" title="wink" href="{{ path('storePage') }}">
                                Find stores
                            </a>
                        </li>
                        {% if app.user %}
                            {% if  app.user.stores | length == 0 %}
                            <li class="navigation-element middle-element">
                                <a accesskey="w" title="open my own store" href="{{ path('createStore') }}">
                                    Open my own store
                                </a>
                            </li>
                            {% endif %}
                            <li class="navigation-element middle-element">
                                <a title="goodbye" href="{{ path('fos_user_security_logout') }}">
                                    logged in as {{ app.user.username }} Logout
                                </a>
                            </li>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>